<%@ pagecontentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
<link type="test/css" href="css/normalize.css" rel="stylesheet"></link>
<style type="text/css">
body{width:975px; margin:0 auto; border:1px solid black;}
header{height:115px; background:yellow;}
nav{height:35px; bacgound:navy;}
#content{min-height:550px;background:aqua;}
aside{float:left;width:185px; height:250px; background:orange;}
#banner{float:left; width:790px; height:250px; background:red;}
#prodList{clear:both; height:300px; background:green;}
footer{height:150px; background:gold;}
</style>
</head>
<body>
	<header>
		<h1><div id="logo"></h1></div>
		<p>Log in or Create Account</p>
		<ul>
			<li>contact |</li>
			<li>store locator |</li>
			<li>support |</li>
			<li>CART</li>
		</ul>	
	</header>
	<nav>
		<form>
		<input type="text" ></input>
		<button name="search">SEARCH</button>
		</form>
	</nav>
	<div id="content">
	<aside>
	</aside>
	<section id="banner">
		<p>[PROMOTIONAL IMAGES ROTATE HERE]</p>
	</section>
	<section id="prodList">
		<h3>Today's Specials</h3>
		<ul>
			<li><div></div><p>Product 1</p></li>
			<li><div></div><p>Product 2</p></li>
			<li><div></div><p>Product 3</p></li>
			<li><div></div><p>Product 4</p></li>
			<li><div></div><p>Product 5</p></li>
			<li><div></div><p>Product 6</p></li>
		</ul>
	</section>
	</div>
	<footer>
		<div id="sitemap">
			<ul>
				<div>
				<li>ABOUT US</li>
				<li>Company</li>
				<li>News</li>
				<li>Jobs</li>
				<li>Policies</li>
				<li>Contact</li>
				</div>
			</ul>
			<ul>
				<div>
				<li>SOCIAL</li>
				<li>Facebook</li>
				<li>Twitter</li>
				<li>Try our app</li>
				</div>
			</ul>
			<ul>
				<div>
				<li>SERVICE</li>
				<li>FAQ</li>
				<li>Live support</li>
				<li>Site map</li>
				</div>
			</ul>
		</div>
		<p id="copy">Copyright(c)2014.dasom.All rights Reserved.</p>
		
		</ul>
	</footer>
</body>
</html>